/**
 * Created by seeker910 on 2014/8/26.
 * @description 组件名称命名约定：继承container组件，名称以ViewPart结尾;继承control组件，名称以Part结尾
 * 提交评论 组件
 */
Rsd.define('Rsd.hermit.sections.CommentsFormPart', {
    extend: 'Rsd.hermit.sections.FormPart',
    requires: [
        'Rsd.form.Text',
        'Rsd.form.Label',
        'Rsd.form.Button', 
        'Rsd.form.TextArea',
        'Rsd.control.Svg'
    ],
    xtype: 'comments-form',
     /**
     * @description 标识该组件是否允许编辑
     */
    domEditable:false,
     /**
     * @description true:表示只允许在模板中修改
     */
    editInMaster:false,
    header:{
        position:'top',
        content:'Leave a Comments',
        height:100,
        style:{
            textAlign:'left',
            fontSize:'200%',
            fontWeight:'bold'
        },
    },  
    height:700,
    layout:'vbox', 
    dataSource:[
        {
            xtype:'text', 
            label:{position:'top',content:'Name',align:'left',height:30,style:{fontWeight:'bold'}},
            margin:'0 0 0 0',
            height:80, 
            width:'90%',
            placeholder:'Name*'
        },
        {
            xtype:'text',
            label:{position:'top',content:'Email',align:'left',height:30,style:{fontWeight:'bold'}},
            margin:'0 0 0 0',
            height:80, 
            width:'90%',
            placeholder:'Email*'
        },
        {
            xtype:'text',
            label:{position:'top',content:'Subject',align:'left',height:30,style:{fontWeight:'bold'}},
            margin:'0 0 0 0',
            height:80, 
            width:'90%',
            placeholder:'Subject(optional)'
        },
        {
            xtype:'textarea',
            label:{position:'top',content:'Message',align:'left',height:30,style:{fontWeight:'bold'}},
            margin:'0 0 0 0',
            width:'90%',
            height:200,
            placeholder:''
        },
        {
            xtype:'button',
            text:'SEND COMMENTS',
            margin:'50 0 0 0',
            height:40, 
            width:160
        }

    ],
    /*
     * */
    constructor: function CommentsFormPart(config) {
        config = config || {};
        this.apply(config);
    }
     
});